<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>聚衣商城</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../lib/css/elementui.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="score">
    <header-top></header-top>
    <user-top></user-top>
    <div class="bg-gray">
      <div class="container userCenter clear">
        <leftnav navtext="我的积分"></leftnav>
        <div class="balance_content">
         <div class="score">
           我的积分: <span class="col-red">{{userScore}}</span>
         </div>
          <div class="balance_detail">
            <h4>积分明细</h4>

            <table class="blance_table goods_table" style="border-collapse:separate; border-spacing:0px 10px;">
              <thead>
                <tr>
                  <td>来源 / 用途</td>
                  <td>积分变化</td>
                  <td>时间</td>
                  <td>备注</td>
                </tr>
              </thead>
              <tbody>

                <tr v-for="item in listPage">
                  <td>
                    <div class="goods">
                      <div class="img">
                        <img :src="item.picImg" alt="">
                      </div>
                      <div class="goods_name">
                        <p>{{item.name}}</p>
                      </div>
                      <div class="order_number">
                        订单编号：{{item.orderNumber}}
                      </div>
                    </div>
                  </td>
                  <td class="col-red"> {{item.score}}</td>
                  <td>{{item.createDate}}</td>
                  <td>{{item.remarks}}</td>
                </tr>
              </tbody>
            </table>
            <common-page :current="current" :all="countPage" @btn-click="listen"></common-page>
          </div>
        </div>

      </div>
    </div>
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/elementui.min.js"></script>
  <script src="../../lib/js/axios.min.js"></script>

  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    score();
  </script>
</body>

</html>